<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <div id="app">
        {{message}}
    </div>
    <script type="text/javascript" src="js/axios.js"></script>
    <script type="text/javascript" src="js/vue.js"></script>

    <script>
        // 提供jsonp服务的url地址（不管是什么类型的地址，最终生成的返回值都是一段javascript代码）
        function abc(v) {
            console.log(v);
        }
        let obj = new Vue({
            el: '#app',
            data: {
                message: 'Hello Vue.js!'
            },
            methods: {
                abc: function (v) {
                    console.log(v);
                }
            },
            mounted() {

                // this.$http.jsonp('http://localhost:3000/adata', {
                //     params: {},
                //     jsonp: 'abc'
                // }).then((res) => {
                //     console.log(res);
                // })
                console.log(this.$http);

                this.$http = axios;
                console.log(this.$http);
                this.$http.jsonp('http://localhost:3000/adata', {
                    params: {},
                    jsonp: 'abc'
                }).then((res) => {
                    console.log(res);
                })


                // axios.get('http://localhost:3001/adata?callback=abc').then(function (data) {
                //     console.log(data);
                // })
            }
        })

    </script>
    <script type="text/javascript">
    // axios.get('http://localhost:3000/adata').then(function (data) {
    //   console.log(data)
    // })
    </script>
</body>

</html>